草庐IT

Bootstrap4 按钮

全部标签

javascript - Bootstrap 3 - 如何在点击时淡入警告框并在 3 秒后淡出

我正在使用AngularJS和Bootstrap3。我的网络应用程序有一个“更新”按钮,用于保存用户所做的任何更改。当用户单击“更新”按钮时,我想激活并淡入Bootstrap的警告框,提示“信息已保存”,然后在3秒后淡出。我不知道如何创建此功能,可能需要一些帮助..更新:我决定使用这种方法:HTMLUpdateJavaScript$scope.save=function(){$('#alert_placeholder').html('×Yourinformationhasbeenupdated.')setTimeout(function(){$("div.alert").r

javascript - 使用 JavaScript/jQuery 的后退按钮

我有两个相同的HTML页面(index.html和page1.html),其中包含两个按钮:SubmitCancel其中一个按钮更改为第二页,第二个按钮的作用类似于后退按钮。(理想情况下,您可以使用第一个按钮转到第二页,然后使用第二页上的后退按钮返回第一页。)我使用JavaScript控制它(这只适用于index.html按钮,但page1.htmlJS是相同的):$(document).on('click','#submit',function(){$(":mobile-pagecontainer").pagecontainer("change","page1.html",{tran

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。

javascript - jQuery UI 对话框 - 无法删除按钮

如何删除jquery对话框中的按钮?例如,我尝试使用正确的新选项重新调用.dialog,但对话框似乎不受影响。$('.selector').dialog('选项','按钮',{});不起作用,如果声明了实际的新按钮字符串和函数,它也不起作用。想法? 最佳答案 您传递的新按钮设置有误。选项应作为对象传递。这会起作用:varoptions={buttons:{}};$(selector).dialog('option',options);无需销毁和创建新对话框。当然,如果您愿意,您也可以用一组新的按钮替换按钮对象:varoptions=

javascript - 有没有办法捕获警报确定按钮单击事件?

有没有办法捕获警报确定按钮单击事件?在jQuery中? 最佳答案 alert()函数是同步并且您无法验证点击了什么(它不返回任何内容),因此将执行调用下面的代码关闭后(确定或关闭按钮)。警报不用于获取用户输入。它是一个警报,是给用户的消息。如果你需要检查用户想要什么,你应该使用confirm()。请注意,函数名称说明了它的用途,如警报。类似于://iftheokbuttonisclicked,resultwillbetrue(boolean)varresult=confirm("Doyouwanttodothis?");if(res

javascript - Bootstrap 边栏滚动、Affix 和 Scrollspy

较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有

javascript - 在向下滚动之前,页面加载时显示粘性 "back to top"按钮

我按照教程获得了一个粘性的“返回顶部”按钮,该按钮会在您向下滚动时出现。出于某种原因,当您在页面首次加载后位于页面顶部时,它会显示。如果向下滚动,然后一直向上滚动,它就会消失(应该如此)。但最初它表现不正常。有什么想法吗?这是我正在使用它的实时页面,您可以在右下角看到它:http://willryan.usHTMLBacktotop$(document).ready(function(){//Showorhidethestickyfooterbutton$(window).scroll(function(){if($(this).scrollTop()>200){$('.go-top'

javascript - 使用 URL 和哈希切换 Bootstrap 模式

我想使用带有散列的URL来调用特定的Bootstrap模态。换句话说,用户在page1上并单击指向page2#hash的链接,并且在page2加载时加载#hash模式。根据我在其他问答中读到的内容,我尝试了很多变体,但没有任何效果。我对JS一点经验都没有,所以非常感谢您的帮助!这是我所拥有的:第1页上的链接:第2页的HTML:...第2页上的Javascript:if(window.location.hash){varhash=window.location.hash;$("'"+hash+"'").modal('toggle');}顺便说一下,当用户实际在page2上时调用模式就可以

asp.net - 防止意外双击按钮

我有一些继承自ASP.NET按钮并使用onserverclick的控件。如果用户点击两次,该按钮会触发两个服务器端事件。我怎样才能避免这种情况?我尝试通过javascript在点击后(在onclick属性中)设置this.disabled='true',但这也会阻止第一次回发。 最佳答案 请参阅此示例以禁用对回发的控制。它应该可以帮助您实现您想要实现的目标。http://encosia.com/2007/04/17/disable-a-button-control-during-postback/

javascript - 获取特定类别的选定单选按钮

我正在尝试获取具有选定类的单选按钮。获取自带类的单选按钮$("input:radio.someClass");我认为这可以用来获取选定的单选按钮-$("input:radio.someClass:selected");但是它返回的是空的——我做错了什么? 最佳答案 根据JQuery文档。:selected选择器适用于选项元素。它不适用于复选框或radio输入;尝试:$("input:radio.someClass:checked"); 关于javascript-获取特定类别的选定单选按钮